<!-- BEGIN: PAGECONTENT -->
        <script type="text/javascript">
            $(document).ready(function() {
                //validate signup form on keyup and submit
                $("#admin_form").validate({
                    rules: {
                    	FullName: {
                            required: true,
                            maxlength: 500
                        },
                        Email: {
                            required: true,
                            email: true
                        }
                    },
                    messages: {
                    	FullName: {
                            required: "Vui lòng nhập vào họ và tên.",
                            maxlength: "Họ tên quá dài."
                        },
                        Email: {
                            required: "Vui lòng nhập vào email.",
                            email: "Vui lòng nhập một địa chỉ email chính xác."
                        }
                    }
                });
                
                //Initialise FancyBox Modal window:
                $("a.fancy").fancybox({
                    'titlePosition' : 'inside'
                });
                
	             $("#error").fancybox({
	                'titlePosition' : 'inside'
	             });
                
            });
        </script>
        <script type="text/javascript">
			function BrowseServer()
			{
			    // You can use the "CKFinder" class to render CKFinder in a page:
			    var finder = new CKFinder();
			    finder.basePath = 'Images/FORMITEM';    // The path for the installation of CKFinder (default = "/ckfinder/").
			    finder.selectActionFunction = SetFileField;
			    finder.popup();
			}
			
			// This is a sample function which is called when a file is selected in CKFinder.
			function SetFileField( fileUrl )
			{
				$("#Image").val(fileUrl);
                $("a.fancy").attr("href", fileUrl);
                $("#upload-img").attr("src",fileUrl);
			}
    	</script>
    	
    	<link rel="stylesheet" href="content/themes/redmond/jquery-ui.css" />
	    <script src="content/site/js/jquery-ui.min.js"></script>
	    <script>
		    $(function() {
		    	$( "#DateOfBirth" ).datepicker({
		            changeMonth: true,
		            changeYear: true,
		            yearRange: "-112:+0",
		            dateFormat: "yy-mm-dd",
		            minDate: new Date(1900, 1 - 1, 1), 
		            maxDate: new Date(2000, 12 - 1, 31)
		        });
		        //$( "#DateOfBirth" ).datepicker( "option", "dateFormat", "yy-mm-dd");
		    });
	    </script>
        
        <div class="form-content-page">
            <section>
                <form class="block-content form" id="admin_form" method="post" action="submit.php?ctrl={CONTROLLER}&act={ACTION}">
                    <h2>Thông tin cá nhân</h2>
                    <!-- BEGIN: FORMITEM -->
                    <fieldset>
                        <input type="hidden" name="ID" id="ID" value="{FORMITEM.ID}">
                        <p>
                            <label for="simple-required">Họ Và Tên: </label>
                            <input type="text" name="FullName" id="FullName" value="{FORMITEM.FullName}" class="full-width">
                        </p>
                        <p>
                            <label for="simple-calendar">Ảnh Đại diện:</label>
                            <input type="text" name="Image" id="Image" value="{FORMITEM.Image}" class="half-width">
                            &nbsp;&nbsp; <button type="button" class="grey browser-file" onclick="BrowseServer();">Chọn ảnh</button>
                            <div style="width: 100%" align="center">
                               <a href="{FORMITEM.Image}" class="fancy" rel="group" id="upload-img-fancy"><img src="{FORMITEM.Image}" id="upload-img" style="max-height: 250px;"></a>
                            </div>
                        </p>
                        <p>
                            <label for="simple-required">Địa chỉ email:</label>
                            <input type="text" name="Email" id="Email" value="{FORMITEM.Email}" class="full-width">
                        </p>
                        <p>
                            <label for="simple-required">Ngày sinh:</label>
                            <input type="text" name="DateOfBirth" id="DateOfBirth" value="{FORMITEM.DateOfBirth}" class="full-width">
                        </p>
                        <p>
                            <label for="simple-required">Chứng minh nhân dân:</label>
                            <input type="text" name="CardID" id="CardID" value="{FORMITEM.CardID}" class="full-width">
                        </p>
                        <p>
                            <label for="simple-required">Địa chỉ:</label>
                            <input type="text" name="Address" id="Address" value="{FORMITEM.Address}" class="full-width">
                        </p>
                        <p>
                            <label for="simple-required">Điện thoại bàn:</label>
                            <input type="text" name="HomePhone" id="HomePhone" value="{FORMITEM.HomePhone}" class="full-width">
                        </p>
                        <p>
                            <label for="simple-required">Điện thoại di động:</label>
                            <input type="text" name="CellPhone" id="CellPhone" value="{FORMITEM.CellPhone}" class="full-width">
                        </p>
                    </fieldset>
                    <fieldset class="grey-bg no-margin">
                        <p class="input-with-button" align="center">
                            <button type="submit">
                                Hoàn thành
                            </button>
                        </p>
                    </fieldset>
                    <!-- END: FORMITEM -->
                </form>
            </section>
        </div>
<!-- END: PAGECONTENT -->